<template>
    <div class="container">
        <div class="card">
          <el-breadcrumb separator="/" class="card-body">
            <el-breadcrumb-item :to="{ path: '/AdminHome' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>{{ this.$route.meta.title }}</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
        <div class="card">
            <div class="card-header">修改密码</div>
            <div class="card-body">
                <el-form :model="pwdInfo">
                    <div class="info-ruleForm">
                        <el-form-item label="登录账号" prop="pwdInfo.oldPwd">
                            <el-input v-model.trim="pwdInfo.oldPwd" type="password" placeholder="请输入当前密码"></el-input>
                        </el-form-item>
                        <el-form-item label="设置密码" prop="pwdInfo.newPwd">
                            <el-input v-model.trim="pwdInfo.newPwd" type="password" placeholder="请输入新密码"></el-input>
                        </el-form-item>
                        <el-form-item label="确认密码" prop="pwdInfo.rewriteNewPwd">
                            <el-input v-model.trim="pwdInfo.rewriteNewPwd" type="password" placeholder="请再次确认新密码"></el-input>
                        </el-form-item>
                    </div>
                    <el-form-item>
                        <el-button type="primary" @click="submitForm()">立即修改</el-button>
                        <el-button @click="backHome()">返回首页</el-button>
                    </el-form-item>
                </el-form>                
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: "ChangePassword",
  data() {
    return {
        pwdInfo: {
          oldPwd: "",
          newPwd: "",
          rewriteNewPwd:""
        }
    };
  },
  methods: {
    submitForm() {
        
    },
    backHome(){
        this.$router.push({
            path:'/AdminHome'
        });
    }
  }
};
</script>
<style scoped>
.info-ruleForm {
  width: 420px;
  position: relative;
}
</style>